<template>
	<view class="content">
		<div class="swiperDiv">
			<div class="bock">
				<image src="../../static/common/check2.png" mode="" class="img"></image>
				<div class="d1">
					<image src="../../static/common/img1-2.png" mode="" class="img2"></image>
					预约挂号成功
				</div>
				<div class="d2">
					2021-10-21 09:26:51
				</div>
			</div>

		</div>
		<div class="bot-msg">
			<div class="bockFormMsg">
				<div class="bockFormMsgDiv">
					<div class="div">
						预约患者请于就诊时间段提前半小时到院，在公众号进行现场签到，签到后按序就诊。
					</div>
					<div class="span div">
						若预约患者为签到，影响当日就诊。
					</div>
					<div class="div">
						若无法就诊，可以在就诊当日0点前取消。
					</div>
				</div>

				<div class="line"></div>
				<div class="bockFormMsgDiv">
					<div style="margin-bottom:24rpx">
						<uni-row>
							<uni-col :span="6">
								<div class="span6">就诊日期</div>
							</uni-col>
							<uni-col :span="18">
								<div class="span18">2024-08-20</div>
							</uni-col>
						</uni-row>
					</div>

					<div>
						<uni-row>
							<uni-col :span="6">
								<div class="span6">就诊时段</div>
							</uni-col>
							<uni-col :span="18">
								<div class="span18">上午：8:00~8:30</div>
							</uni-col>
						</uni-row>
					</div>
				</div>
			</div>
			<div class="bockFormMsgDiv m48 ">
				<div style="margin-bottom:24rpx">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">费用类型</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">预约挂号</div>
						</uni-col>
					</uni-row>
				</div>

				<div style="margin-bottom:24rpx">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">医院名称</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">白城医高专附属医院</div>
						</uni-col>
					</uni-row>
				</div>
				<div style="margin-bottom:24rpx">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">就诊科室</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">心脏内科</div>
						</uni-col>
					</uni-row>
				</div>
				<div style="margin-bottom:24rpx">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">医生姓名</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">闫三三</div>
						</uni-col>
					</uni-row>
				</div>
				<div style="margin-bottom:24rpx">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">医生职称</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">主任医师</div>
						</uni-col>
					</uni-row>
				</div>
				<div class="line"></div>
				<div style="margin:24rpx 0">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">就诊人</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">宋松松</div>
						</uni-col>
					</uni-row>
				</div>
				<div style="margin-bottom:24rpx">
					<uni-row>

						<uni-col :span="24">
							<div class="span18 tColor">110000888888882222</div>
						</uni-col>
					</uni-row>
				</div>
				<div class="line"></div>
				<div style="margin:24rpx 0">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">交易金额</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">￥81.00</div>
						</uni-col>
					</uni-row>
				</div>
				<div style="margin-bottom:24rpx">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">支付状态</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">已支付</div>
						</uni-col>
					</uni-row>
				</div>
				<div style="margin-bottom:24rpx">
					<uni-row>
						<uni-col :span="6">
							<div class="span6">支付时间</div>
						</uni-col>
						<uni-col :span="18">
							<div class="span18 tColor">2024-8-22 14:07:04</div>
						</uni-col>
					</uni-row>
				</div>
			</div>
			<div class="botton">
				<button type="default" @click="submit" >取消挂号</button>
			</div>
		</div>

	</view>

</template>

<script>
	export default {

		data() {
			return {


			}
		},
		onShow() {

		},
		onLoad(options) {
			console.log(options, "options")

		},
		methods: {



		},
		mounted() {

		}
	}
</script>

<style scoped>
	.swiperDiv {
		height: 800rpx;
		background-color: #1648ce;
	}

	.bot-msg {
		position: absolute;
		top: 644rpx;
		width: 100%;
		height: calc(100% - 644rpx);
		background-color: #fff;
		border-top-right-radius: 70rpx;
	}

	.bock {
		padding: 24rpx 140rpx;
		text-align: center;
	}

	.bock .img {
		width: 472rpx;
		height: 472rpx;
	}

	.bock .img2 {
		width: 36rpx;
		height: 36rpx;
		vertical-align: middle;
		margin-right: 12rpx;
		margin-bottom: 4rpx;
	}

	.bock .d1 {
		margin-bottom: 12rpx;
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 600;
	}

	.bock .d2 {

		color: #FFFFFF;
		font-size: 28rpx;

	}

	.bockFormMsg {
		margin: 0 48rpx;
		margin-top: 48rpx;
		background-color: #F5FAFF;
		font-size: 30rpx;
		font-weight: 600;
		color: #333333;
		border-radius: 24px;

	}

	.bockFormMsgDiv {
		padding: 36rpx;
		font-size: 30rpx;
		font-weight: 600;
	}

	.m48 {
		margin: 0 48rpx;
	}

	.tColor {
		color: #333333 !important;
	}

	.bockFormMsg .span {
		color: #1648CE;
	}

	.bockFormMsg .div {
		text-indent: 2ch;
	}

	.line {
		width: 100%;
		height: 2rpx;
		margin: 0 auto;
		background: rgba(102, 102, 102, 0.2);
	}

	.span6 {
		text-align: left;
		font-weight: 400;
	}

	.span18 {
		text-align: right;
		color: #1648CE;
	}

	.span24 {
		text-align: right;
		color: #1648CE;
	}
</style>